// 评论列表组件
import React from 'react'
const list = (props) => {
    // 通过props获取父组件传递的数据

    // 评论列表渲染
    const renderList = () => {
        // 获取状态数据
        const { list } = props
        return list.length ? list.map((item) => {
            return (
                <li key={item.id}>
                    <p className="pline">{item.name}</p>
                    <p>{item.content}</p>
                </li>
            )
        }) : <li className="nodata"><p>暂无评论！</p></li>
    }
    return (
        <ul className="list">
            {/* 评论列表渲染 */}
            {renderList()}
            {/* <li>
          <p className="pline">小蓝</p>
          <p>刚发表过！</p>
        </li> */}
            {/* <li className="nodata"><p>暂无评论！</p></li> */}
        </ul>
    )
}
export default list